import Taro, {Component} from "@tarojs/taro";
import {View, ScrollView, Image, Text, Input} from "@tarojs/components";

import './addPlay.less'

import icon_86 from "../../assets/img/common/icon_86.png";
import icon_87 from "../../assets/img/common/icon_87.png";
import noneIcon from "../../assets/img/common/none_card.png";
import {getRuntime} from "../../utils/common";


//
class MineCard extends Component {
  constructor() {
    super()
  }

  state = {
    items: [1,2]
  }

  componentWillMount() {
    Taro.setNavigationBarTitle({title: '添加还款计划'})
  }

  link(url: string = '/pages/index/index'): void {
    getRuntime().navigateTo(url)
  }

  render() {
    return (
      <View className='add-play'>
          <View className='list-10'>
             <View className='list-10-item'>
                <Image src={icon_86} className='img' />
                <View className='info'>
                  <View className='top'>
                     <View className='list-title'>建设银行(2655)</View>
                     <View className='list-desc font-dark'>储蓄卡 段*起</View>
                  </View>

                  <View className='bottom bank-no'>
                    6666 **** **** 6666
                  </View>
                </View>
             </View>
          </View>


        <View className='play'>
          <View className='list-desc font-dark'>请输入计划还款总金额（元）</View>
          <View className='input-group'>
            <Input className='from-input from-input-active' placeholderClass='placeholder_class' placeholder='￥0.00' />
          </View>

          <View className='info font-dark'>手续费0元(费率1%)</View>
          <View className='info font-dark color-theme'>手续费0元(费率1%)</View>
        </View>

        <View className='interval' />

        <View className='play'>
          <View className='list-desc font-dark'>请输入还款起动金额（元）</View>
          <View className='input-group'>
            <Input className='from-input font-dark' placeholderClass='placeholder_class' placeholder='￥0.00' />
          </View>
          <View className='info font-dark'>注：起动金额不能低于0元</View>
          <View className='info font-dark color-theme'>注：起动金额不能低于0元</View>
        </View>
        <View className='circular-submit circular-default' onClick={this.link.bind(this,'/pages/mine/cashSuccess')}>自动生成还款计划</View>
      </View>
    )
  }
}

export default MineCard
